.menu-container {
    // 解决flex布局最后一个元素margin、padding无效问题
    position: sticky;
    top: 0;
    overflow-x: auto;
    z-index: 2;
}

.menu-container::-webkit-scrollbar {
    display: none;
}

.menu-wrap {
    display: flex;
    align-items: flex-start;
    background-color: black;
    width: max-content;
    padding: 10rpx 0;
    .menu-item {
        flex-shrink: 0;
        margin: 0 24rpx;
        background-color: #f5f5f5;
        border-radius: 8rpx;
        font-weight: 600;
        color: #333;
        font-size: 24rpx;
        text-align: center;
        padding: 7rpx 15rpx;
        box-sizing: border-box;
        &.selected {
            background: rgba(31, 219, 155, 0.1);
            border: 2rpx solid #1fdb9b;
            color: #1fdb9b;
        }
    }
}
.menu-wrap2 {
  background-color: black;
  padding: 10rpx 0;
  white-space: nowrap;
  .menu-item2 {
      display: inline-block;
      margin: 0 24rpx;
      background-color: #f5f5f5;
      border-radius: 8rpx;
      font-weight: 600;
      color: #333;
      font-size: 24rpx;
      text-align: center;
      padding: 7rpx 15rpx;
      box-sizing: border-box;
      &.selected {
          background: rgba(31, 219, 155, 0.1);
          border: 2rpx solid #1fdb9b;
          color: #1fdb9b;
      }
  }
}

.content-wrap {
  // 高度为吸顶后的高度
  height: calc(100vh - 68rpx);
  background-color: red;
  .content-title {
      font-size: 28rpx;
      color: #333333;
      font-weight: 600;
  }
  .content-item {
      height: 500rpx;
  }
}
